﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>

<script>
$(function(){
	var layout = [
		".pop_wechat",
		".pop_wechat_click",
		".talk,.remind",
		".talk_box_1",
		".talk_box_2",
		".talk_box_3,.talk_top s",
		".talk_box_4",
		".talk_box_5"
	];
	var timeDelay = [  1,.8,.1,.5,.1,.8,.4,.6 ];
	var timeDurat = [ .3,.3,.4,.1, 0,.1,.1,.1 ];
	addAnimate(timeDelay,timeDurat,layout);
	setTimeout(function(){window.parent.nextAnimation('page3_2_write.html');},page_total*1000);	
	setTimeout(function(){
		window.parent.playMessage();
	},timeDelay[0]*1000);
})
</script>

<style>
	.pop_wechat{animation-name: pop_show;}
	.pop_wechat_click{animation-name: pop_click;}
	.talk{left:100%; animation-name: window_show;}
	.p3_hide_box{height:0; animation-name: show;}
	.talk_top s{animation-name: top_text_show;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_2"></dl></div>
	<div class="lock_panel"></div>
	<div class="remind">
		<div class="remind_title">提醒</div>
		<div class="remind_number">6</div>
		<div class="remind_edit">编辑</div>
		<div class="remind_list">
			<dl><dt><em></em></dt><dd style="color: #e98106;">周日带孩子去海洋公园</dd></dl>
			<dl><dt><s></s></dt><dd>晚十点需提交方案</dd></dl>
			<dl><dt><s></s></dt><dd>上午10点，带薇薇试听英语培训</dd></dl>
			<dl><dt><s></s></dt><dd>下午四点美术课</dd></dl>
			<dl><dt><s></s></dt><dd>晚上8点营养师培训</dd></dl>
			<dl><dt><s></s></dt><dd>婆婆下个月生日宴会，记得订酒店</dd></dl>
			<dl><dt><s></s></dt><dd>闺蜜二胎满月酒</dd></dl>
			<dl><dd></dd></dl>
			<dl><dd></dd></dl>
			<dl><dd></dd></dl>
			<dl><dd></dd></dl>
			<dl><dd></dd></dl>
		</div>
	</div>
	<div class="top_pop">
		<div class="pop_wechat_click">
			<div class="pop_wechat">
				<dl>
					<s>现在</s>
					<h4><i></i><em>微信</em></h4>
					<h2>丸子小学102班家长群</h2>
					<h3>@all 昨天和上午都通知过</h3>
				</dl>
			</div>
		</div>
	</div>
	<div class="talk">
		<div class="talk_list">
			<div class="talk_time"><em class="time_point_0"></em></div>
			<dl class="talk_parent_0"></dl>
			<dl class="talk_parent_1"></dl>
			<dl class="talk_parent_2"></dl>
			<dl class="talk_parent_3"></dl>
			<dl class="talk_parent_4"></dl>
			<dl class="talk_parent_5"></dl>
			<dl class="talk_parent_6"></dl>
			<dl class="talk_parent_7"></dl>
			<div class="talk_time"><em class="time_point_2"></em></div>
			<dl class="talk_parent_8"></dl>
			<div class="p3_hide_box talk_box_1">
				<dl class="talk_parent_9"></dl>
			</div>
			<div class="p3_hide_box talk_box_2">
				<dl class="talk_parent_10"></dl>
			</div>
			<div class="p3_hide_box talk_box_3">
				<dl class="talk_parent_11"></dl>
			</div>
			<div class="p3_hide_box talk_box_4">
				<dl class="talk_parent_12"></dl>
			</div>
			<div class="p3_hide_box talk_box_5">
				<dl class="talk_parent_13"></dl>
			</div>
		</div>
		<div class="talk_top"><s>(1)</s><dl>丸子小学102班家长群 (38)</dl></div>
		<div class="talk_bottom">
			<div class="talk_bottom_input"></div>
		</div>
	</div>
</div>

</body>
</html>